<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<div class="col-sm-3">
	<div class="panel panel-default sidebar-menu">

		<div class="panel-heading">
			<h3 class="panel-title">Categories</h3>
		</div>

		<div class="panel-body">
			<ul class="nav nav-pills nav-stacked category-menu">
				<li class="active"><a href="javascript:;">TIME</a>
					<ul>
                        <li><a href="${base }/work/2018">2018</a></li>
                        <li><a href="${base }/work/2017">2017</a></li>
						<li><a href="${base }/work/2015">2015</a></li>
						<li><a href="${base }/work/2014">2014</a></li>
						<li><a href="${base }/work/2013">2013</a></li>
						<li><a href="${base }/work/2012">2012</a></li>
						<li><a href="${base }/work/2011">2011</a></li>
						<li><a href="${base }/work/2010">2010</a></li>
						<li><a href="${base }/work/2009">2009</a></li>
						<li><a href="${base }/work/other">2008及之前</a></li>
					</ul></li>
				<li><a href="javascript:;">GENRE</a>
					<ul>
						<li><a href="javascript:;">Music Video</a></li>
						<li><a href="javascript:;">Micro-film</a></li>
						<li><a href="javascript:;">Advertising</a></li>
					</ul></li>
			</ul>
		</div>
	</div>


	<div class="banner">
		<a href="javascript:;"> <img src="${base }/assets/img/banner.jpg" alt="sales 2014" class="img-responsive">
		</a>
	</div>

</div>